<script type="text/javascript">
    jQuery.noConflict();
    function teste(e){
        if( jQuery(e).val() != 0 ){
            //Pega o id da categoria atual e envia junto
            valor = jQuery(e).attr("id").split("_");
            id = valor[1];
            jQuery("#alerta").empty();
            if(valor[1] > 2){
                alerta = "<label class=\"compras_formulario_label\">Qte. min. para Alerta</label>";
                alerta += "<input type=\"text\" name=\"min_intencao\" />";
                alerta += "<br class=\"clr\" />";
                jQuery("#alerta").append(alerta);
            }
            
            jQuery.get("<?php echo site_url();?>admin/categorias_ajax/index/" + jQuery(e).val() + "/" + valor[1],
                {},
                function(dados){
                    //Remove qualquer outro label e seu conteudo que tiver a frente
                    //neste caso algum select jÃ¡ criado anteriormente de outra categoria
                    jQuery(e).parent().nextAll("label").remove();

                    if(dados != 0){
                        jQuery("#novasCategorias").append(dados);
                    }
                }
            )
        } else {
            //se desmarcou a categoria remove as subcategorias
            jQuery(e).parent().nextAll("label").remove();
            jQuery("#alerta").empty();
        }
    }
</script>

<h1 class="compras_titulo_pagina"> <?php echo $titulo; ?></h1>

<div class="compras_erro"><?php echo validation_errors()."<br/>"; ?></div>
<div class="compras_formulario">

<form id="cad_categoria" action="<?php echo site_url("admin/categoria/cadastrar"); ?>" method="post">
    <fieldset>

    <label class="compras_formulario_label">Nome* </label>
        <input type="text" name="nome" id="nome" value="<?php echo set_value('nome'); ?>"/>
    <br class="clr" />

   <div id="alerta">
   </div>

   <div class="compras_categorias_select" id="novasCategorias">
        <label> <p>Categoria Pai</p>
            <select name="categoria[]" id="categoria_1" onchange="teste(this)">
                <option value="0">-- Selecione --</option>
                <?php echo $categorias; ?>
            </select>
        <br clear="left" />
        </label>
    </div>
    <br clear="left" />

    </fieldset>
    <div align="right">
    <input type="image" name="bt"
       onmouseover="this.src ='<?php echo site_url('images/botoes/cadastrar_on.png'); ?>'"
       onmouseout="this.src ='<?php echo site_url('images/botoes/cadastrar.png'); ?>'"
       src="<?php echo site_url()."images/botoes/cadastrar.png";?>"
       value ="Cadastrar"
    />
    </div>
</form>
</div>
<div class="compras_voltar"><?php echo anchor("admin/categoria/index","Voltar para Categorias ");?></div>